<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- css -->
    <link href="../../static/css/bootstrap.min.css" rel="stylesheet" />
    <link href="../../static/css/font-awesome.min.css" rel="stylesheet">
    <link href="../../static/css/nprogress.css" rel="stylesheet">
    <link href="../../static/css/green.css" rel="stylesheet">
    <link href="../../static/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet">
    <link href="../../static/css/jqvmap.min.css" rel="stylesheet" />
    <link href="../../static/css/dropzone.min.css" rel="stylesheet">
    <link href="../../static/css/custom.min.css" rel="stylesheet">
    <!-- Custom Style -->
    <link href="../../static/localcss/crmadd.css" rel="stylesheet">
</head>

<body class="nav-md footer_fixed">
    <div class="container body">
        <div class="main_container">
            <div class="col-md-3 left_col menu_fixed">

                <div class="left_col scroll-view">
                    <div class="navbar nav_title" style="border: 0;">
                        <a href="/main" class="site_title">
                            <i class="fa fa-paw"></i>
                            <span>科泰教育CRM</span>
                        </a>
                    </div>

                    <div class="clearfix"></div>

                    <!-- menu profile quick info -->
                    <div class="profile">
                        <div class="profile_pic">
                            <img src="../../static/images/img.jpg" alt="..." class="img-circle profile_img">
                        </div>
                        <div class="profile_info">
                            <span>Welcome,</span>
                            <h2>张三</h2>
                        </div>
                    </div>
                    <!-- /menu profile quick info -->

                    <br />

                    <!-- sidebar menu -->
                    <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
                        <div class="menu_section">
                            <h3>登录角色</h3>

                            <ul class="nav side-menu" style="">
                                <li>
                                    <a>
                                        <i class="fa fa-home"></i> <span>营销管理</span>
                                        <span class="fa fa-chevron-down"></span>
                                    </a>
                                    <ul class="nav child_menu">
                                        <li>
                                            <a href="/crm/chance/list">销售机会管理</a>
                                        </li>
                                        <li>
                                            <a href="/crm/plan/list">客户开发计划</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a>
                                        <i class="fa fa-home"></i> <span>客户管理</span>
                                        <span class="fa fa-chevron-down"></span>
                                    </a>
                                    <ul class="nav child_menu">
                                        <li>
                                            <a href="/crm/customer/list">客户信息管理</a>
                                        </li>
                                        <li>
                                            <a href="/crm/lost/list">客户流失管理</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a>
                                        <i class="fa fa-home"></i> <span>服务管理</span>
                                        <span class="fa fa-chevron-down"></span>
                                    </a>
                                    <ul class="nav child_menu">
                                        <li>
                                            <a href="/crm/service/add">服务创建</a>
                                        </li>
                                        <li>
                                            <a href="/crm/service/dispatch">服务分配</a>
                                        </li>
                                        <li>
                                            <a href="/crm/service/deal">服务处理</a>
                                        </li>
                                        <li>
                                            <a href="/crm/service/feedback">服务反馈</a>
                                        </li>
                                        <li>
                                            <a href="/crm/service/arch">服务归档</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a>
                                        <i class="fa fa-home"></i> <span>统计报表</span>
                                        <span class="fa fa-chevron-down"></span>
                                    </a>
                                    <ul class="nav child_menu">
                                        <li>
                                            <a href="/crm/contrRpt/list">客户贡献分析</a>
                                        </li>
                                        <li>
                                            <a href="/crm/consRpt/list">客户构成分析</a>
                                        </li>
                                        <li>
                                            <a href="/crm/svrRpt/list">客户服务分析</a>
                                        </li>
                                        <li>
                                            <a href="/crm/lostRpt/list">客户流失分析</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a>
                                        <i class="fa fa-home"></i> <span>基础数据</span>
                                        <span class="fa fa-chevron-down"></span>
                                    </a>
                                    <ul class="nav child_menu">
                                        <li>
                                            <a href="/crm/dict/list">客户等级管理</a>
                                        </li>
                                        <li>
                                            <a href="/crm/product/list">查询产品信息</a>
                                        </li>
                                        <li>
                                            <a href="/crm/storage/list">查询库存</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="active">
                                    <a>
                                        <i class="fa fa-home"></i> <span>权限管理</span>
                                        <span class="fa fa-chevron-down"></span>
                                    </a>
                                    <ul class="nav child_menu" style="display: block;">
                                        <li class="current-page">
                                            <a href="user/list.html">用户管理</a>
                                        </li>
                                        <li>
                                            <a href="/crm/role/list">角色管理</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- /sidebar menu -->

                    <!-- /menu footer buttons -->
                    <div class="sidebar-footer hidden-small">
                        <a data-toggle="tooltip" data-placement="top" title="设置">
                            <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
                        </a>
                        <a data-toggle="tooltip" data-placement="top" title="全屏">
                            <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
                        </a>
                        <a data-toggle="tooltip" data-placement="top" title="锁定">
                            <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
                        </a>
                        <a data-toggle="tooltip" data-placement="top" title="退出" href="/logout">
                            <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
                        </a>
                    </div>
                    <!-- /menu footer buttons -->
                </div>
            </div>
            <div class="top_nav">
                <!-- top navigation -->
                <div class="nav_menu">
                    <nav>
                        <div class="nav toggle">
                            <a id="menu_toggle">
                                <i class="fa fa-bars"></i>
                            </a>
                        </div>

                        <ul class="nav navbar-nav navbar-right">
                            <li class=""><a href="javascript:;" class="user-profile dropdown-toggle"
                                    data-toggle="dropdown" aria-expanded="false"> <img src="../../static/images/img.jpg"
                                        alt=""> <span class=" fa fa-angle-down">用户名</span> </a>
                                <ul class="dropdown-menu dropdown-usermenu pull-right">
                                    <li><a href="/logout"><i class="fa fa-sign-out pull-right"></i>退出</a>
                                    </li>
                                </ul>
                            </li>

                            <li role="presentation" class="dropdown">

                                <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
                                    <li><a> <span class="image"><img src="../../static/images/img.jpg"
                                                    alt="Profile Image" />
                                            </span> <span> <span>John Smith</span> <span class="time">3
                                                    mins ago</span> </span> <span class="message"> Film festivals used
                                                to be do-or-die moments for movie makers. They were where...
                                            </span> </a></li>
                                    <li><a> <span class="image"><img src="../../static/images/img.jpg"
                                                    alt="Profile Image" />
                                            </span> <span> <span>John Smith</span> <span class="time">3
                                                    mins ago</span> </span> <span class="message"> Film festivals used
                                                to be do-or-die moments for movie makers. They were where...
                                            </span> </a></li>
                                    <li><a> <span class="image"><img src="../../static/images/img.jpg"
                                                    alt="Profile Image" />
                                            </span> <span> <span>John Smith</span> <span class="time">3
                                                    mins ago</span> </span> <span class="message"> Film festivals used
                                                to be do-or-die moments for movie makers. They were where...
                                            </span> </a></li>
                                    <li><a> <span class="image"><img src="../../static/images/img.jpg"
                                                    alt="Profile Image" />
                                            </span> <span> <span>John Smith</span> <span class="time">3
                                                    mins ago</span> </span> <span class="message"> Film festivals used
                                                to be do-or-die moments for movie makers. They were where...
                                            </span> </a></li>
                                    <li>
                                        <div class="text-center">
                                            <a> <strong>See All Alerts</strong> <i class="fa fa-angle-right"></i> </a>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
                <!-- /top navigation -->
            </div>
            <div class="right_col" role="main">



                <div class="">
                    <div class="clearfix"></div>
                    <div class="row">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="x_panel">
                                <div class="x_title">
                                    <h2>新增用户信息 <i class="fa fa-user"></i></h2>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="x_content">
                                    <div class="clearfix"></div>
                                    <form class="form-horizontal form-label-left" 
                                        action="/user/save" method="post">
                                        <div class="item form-group">
                                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="usrName"> 用户名
                                                <span class="required">*</span>
                                            </label>
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <input id="usrName" class="form-control col-md-7 col-xs-12"
                                                    data-validate-length-range="10" data-validate-words="1"
                                                    name="usrName" required="required" placeholder="请输入用户名" type="text">
                                            </div>
                                        </div>
                                        <div class="item form-group">
                                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="usrPassword">
                                                密码 <span class="required">*</span>
                                            </label>
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <input id="usrPassword" class="form-control col-md-7 col-xs-12"
                                                    data-validate-length-range="10" data-validate-words="1"
                                                    name="usrPassword" required="required" placeholder="请输入密码"
                                                    type="password">
                                            </div>
                                        </div>
                                        <div class="item form-group">
                                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="roleId"> 用户角色
                                                <span class="required">*</span></label>
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <select name="role.roleId" id="roleId" class="form-control"
                                                    required="required">
                                                    <option value="">角色</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="item form-group">
                                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="usrFlag"> 角色状态
                                            </label>
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <input id="usrFlag" name="usrFlag" type="checkbox" value="1">
                                                (是否启用)
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-md-6 col-md-offset-3">
                                                <button id="send" type="submit" class="btn btn-success">保存</button>
                                                <button type="button" class="btn btn-primary" id="back">返回</button>
                                                <br /><br />
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <footer>
                    <!-- footer content -->
                    <div class="pull-right">©2021 All Rights Reserved 科泰教育</div>
                    <div class="clearfix"></div>
                    <!-- /footer content -->
                </footer>
            </div>
        </div>
</body>
<!--js -->
<script src="../../static/js/jquery.min.js"></script>
<script src="../../static/js/bootstrap.min.js"></script>
<script src="../../static/js/fastclick.js"></script>
<script src="../../static/js/nprogress.js"></script>
<script src="../../static/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="../../static/js/dropzone.js"></script>
<script src="../../static/js/custom.min.js"></script>
<script src="../../static/localjs/rollpage.js"></script>
<script>
    $(document).ready(function () {
        $("#back").on("click", function () {
            window.history.back();
        });
    });
</script>

</html>